<template>
	<div class="addinfo">
		<Back class="back1" @back="back"></Back>
		<Arrow class="arrow" @right="right"></Arrow>
		<AddInfo
			ref = "addinfo"
			@account = "account"
			:showValue = "showValue"
			:username = "username"
		></AddInfo>
	</div>
</template>

<script type="text/javascript">
// eslint-disable-next-line
/* eslint-disable */
import Back from "../components/back.vue"
import Arrow from '../components/arrow.vue'
import AddInfo from "../components/AddInfo.vue"
import { MessageBox } from 'mint-ui'
import { account,mixinGetUserInfoList } from "../mixin.js"
export default {
	name: 'addinfo',
	mixins: [account,mixinGetUserInfoList],
	components: {
		Back,
		AddInfo,
		Arrow
	},
	data() {
		return {
			showValue: true,
			username: !localStorage.getItem('username') ? 'Ken' : localStorage.getItem('username'),
			flag: "add",
		}
	},
	methods: {
		right() {
			this.$router.push({
				name: 'showinfo',
			})
		},
		back() {
			localStorage.clear();
			this.$router.push({
				name: 'login'
			})
		},
	}
}	
</script>
<style scoped lang="scss">
.arrow{
	float: right;
    background-image: url('../../public/images/btn-right.png');
    background-repeat: no-repeat;
    margin-top: 10px;
	padding: 35px 10px 0px 10px;
	background-position-y: 28%; 
	margin-right: 10px;
}
.back1{
	margin-top: 10px;
}
</style>

